<template lang="html">
  <div class="center-foot">
    <ul class='foot-list'>
      <li>
        <img src="../../../../static/img/exit.png" alt="">
        <span>退出</span>
      </li>
      <li>
        <img src="../../../../static/img/setting.png" alt="">
        <span>设置</span>
      </li>

    </ul>
  </div>
</template>

<script>
export default {
  name:'CenterFoot'
}
</script>

<style lang="less" scoped>
.center-foot{
  width:100%;
  height: 100/100rem;

  .foot-list{
    height: 100%;
    width: 100%;

    li{
      float: right;
      width: 25%;
      height: 100%;

      img{
        width:45/100rem;
        float: left;
        margin-top: 30/100rem;
      }

      span{
        display: inline-block;
        float: left;
        height: 100%;
        font-size: 30/100rem;
        margin-left: 14/100rem;
        line-height: 100/100rem;
      }
    }
  }
}
</style>
